<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TFM小组管理系统个人页面</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/common.css">
    <link rel="stylesheet" href="../assets/css/user.css">
    <link rel="stylesheet" href="../assets/css/userMedia.css">
    <link rel="stylesheet" href="../assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <div class="general-layout">
        <!-- 侧边栏导航 -start- -->
        <div class="aside-menu">
            <ul class="aside-menu-ul px-0">
                <li class="aside-menu-li aside-menu-li-check">
                    <i class="fa fa-user text-light"></i>
                    <span class="text-light mt-2">用户</span>
                </li>
                <li class="aside-menu-li">
                    <i class="fa fa-users text-light"></i>
                    <span class="text-light mt-2">小组</span>
                </li>
                <li class="aside-menu-li">
                    <i class="fa fa-list text-light"></i>
                    <span class="text-light mt-2">列表</span>
                </li>
                <li class="aside-menu-li">
                    <i class="fa fa-envelope text-light"></i>
                    <span class="text-light mt-2">消息</span>
                </li>
            </ul>
        </div>
        <!-- 侧边栏导航 -end- -->
        <!-- 主体区域 -start- -->
        <div class="left-content">
            <div class="left-top-nav bg-light shadow">
                <div class="left-top-nav-logo">
                    <h3 class="color-gray">Fantastic Electricity</h3>
                </div>
                <div class="left-top-nav-right">
                    <div class="left-top-nav-user">
                        <div class="avatar-frame">
                            <img src="../assets/images/avatar03.png" alt="">
                        </div>
                        <span class="left-top-nav-name color-gray"></span>
                    </div>
                    <div class="quitBtn bgcolor-red color-white">
                        <span class="quitLogin">退出登录</span>
                    </div>
                </div>
            </div>
            <!-- 个人主页内容部分 -->
            <div class="left-content-info">
                <div class="content-area-user content-area container-fluid flex-wrap">
                    <div class="col-12 col-lg-4 left-area">
                        <div class="user-information bgcolor-gray ">
                            <div class="user-information-top color-gray">
                                <span>
                                    <i class="fa fa-address-card"></i>
                                    资料卡
                                </span>
                                <a href="#editorUserInfo" class="color-blue text-small" data-bs-toggle="modal"
                                    id="editor-user-open">点击编辑个人资料<i class="fa fa-pencil"></i></a>
                            </div>
                            <div class="user-information-body">
                                <div class="user-info-area">
                                    <div class="user-info-area-left">
                                        <div class="user-avatar-frame">
                                            <img src="../assets/images/avatar03.png" alt="">
                                        </div>
                                    </div>
                                    <div class="user-info-area-right color-gray text-middle">
                                        <p>昵称：<span class="LoadNickname">null</span></p>
                                        <p>性别：<span class="LoadGender">null</span></p>
                                        <p>身份：<span class="LoadIdentity">null</span></p>
                                        <p>年龄：<span class="LoadAge">null</span></p>
                                        <p>标签：<span class="LoadTag">null</span></p>
                                        <div class="user-id ">ID：<span class="LoadId">null</span></div>
                                    </div>
                                </div>
                                <div class="user-synopsis-area">
                                    <div class="user-synopsis">
                                        <h6>个人简介</h6>
                                        <p class="user-synopsis-text color-gray LoadProfile">

                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="news bgcolor-gray">
                            <div class="news-area">
                                <h3 class="display-5 text-large">最新新闻</h3>
                                <div class="news-img-area">
                                    <div class="carousel slide carousel-light" data-bs-ride="carousel"
                                        id="newsCarousel">
                                        <ol class="carousel-indicators">
                                            <li data-bs-target="#newsCarousel" data-bs-slide-to="0" class="active"></li>
                                            <li data-bs-target="#newsCarousel" data-bs-slide-to="1"></li>
                                            <li data-bs-target="#newsCarousel" data-bs-slide-to="2"></li>
                                        </ol>
                                        <div class="carousel-inner">
                                            <div class="carousel-item active">
                                                <img src="../assets/images/news01.png" class="w-100">
                                                <div class="carousel-caption">
                                                    <p>TFM小组管理系统全新上线！</p>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="../assets/images/news01.png" class="w-100">
                                                <div class="carousel-caption">
                                                    <p>广告位招商</p>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="../assets/images/news01.png" class="w-100">
                                                <div class="carousel-caption">
                                                    <p>广告位招商</p>
                                                </div>
                                            </div>
                                        </div>
                                        <a href="#newsCarousel" class="carousel-control-prev" data-bs-slide="prev">
                                            <span class="carousel-control-prev-icon"></span>
                                        </a>
                                        <a href="#newsCarousel" class="carousel-control-next" data-bs-slide="next">
                                            <span class="carousel-control-next-icon"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="user-team-area col-12 col-lg-8 h-100">
                        <div class="user-team-frame h-100 bgcolor-gray">
                            <div class="user-team-title">
                                <h3 class="color-gray"><i class="fa fa-users"></i> 我加入的小组</h3>
                            </div>
                            <div class="user-team-body">
                                <div class="noteam">
                                    <h2 class="display-5 color-gray text-larger">你还没有加入任何小组</h2>
                                </div>

                            </div>
                            <div class="user-team-bottom">
                                <a href="#user-join" class="color-blue me-3" data-bs-toggle="modal"><i
                                        class="fa fa-plus"></i> 加入小组</a>
                                <a href="#creat-team" class="color-blue" data-bs-toggle="modal"
                                    id="creatTeamBtn">创建小组</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 小组主页内容部分 -->
            <div class="content-area-team content-area">
                <div class="team-page-area w-100 h-100">
                    <div class="team-page-top bg-primary ">

                    </div>
                    <div class="team-page-body">
                        <div class="team-page-info">
                            <div class="team-page-info-layout">
                                <div class="team-page-info-area">
                                    <div class="team-page-id color-gray text-small">
                                        <span>小组ID：</span><span class="teamIDLoad"></span>
                                    </div>
                                    <div class="team-page-info-left">
                                        <div class="team-page-avatar-frame">
                                            <img src="../assets/images/avatar02.png" class="w-100">
                                        </div>
                                        <p class="mt-3">多少人</p>
                                    </div>
                                    <div class="team-page-info-right">
                                        <div class="team-page-info-text color-gray">
                                            <p class="team-name">小组名称：<span class="teamNameLoad" ></span></p>
                                            <p>小组组长：<span class="teamOwnerLoad"></span></p>
                                            <div class="team-page-info-textarea mb-2">
                                                <h6>小组简介</h6>
                                                <p class="teamProfileLoad"></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <a href="#editor-team" class="color-blue text-small team-click-a"
                                    data-bs-toggle="modal"><i class="fa fa-pencil"></i> 点击编辑小组信息</a>
                                <div class="team-page-info-tags">
                                    <div class="user-team-tags text-large justify-content-between px-0">
                                        <ul
                                            class="user-team-tags-list text-small text-light  align-items-center teamPageTags">
                                            <i class="fa fa-tags color-yellow"></i>
                                        </ul>
                                        <div class="color-gray text-small">
                                            <span>创建时间：</span><span class="teamTimeLoad"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="team-page-announcement">
                            <h3 class="mb-2 color-gray"> <i class="fa fa-bullhorn"></i> 公告栏</h3>
                            <div class="team-page-announcement-frame color-gray">
                                <p class="announcement">没有任何公告</p>
                            </div>
                        </div>
                    </div>
                    <div class="team-page-bottom">
                        <div class="team-page-task">
                            <h4 class="color-gray"><i class="fa fa-list-ol"></i> 小组任务</h4>
                            <div class="team-page-list">
                                <div class="team-lpage-list-items">
                                    <span class="team-page-list-order">1</span><span
                                        class="team-page-task-content">示例任务：每日敲代码100行</span>
                                </div>
                                <div class="team-lpage-list-items">
                                    <span class="team-page-list-order">2</span><span
                                        class="team-page-task-content">示例任务：分享今日所学</span>
                                </div>
                                <div class="team-lpage-list-items">
                                    <span class="team-page-list-order">3</span><span
                                        class="team-page-task-content">示例任务：学习某个知识点50%</span>
                                </div>
                            </div>
                        </div>
                        <div class="team-page-memeber">
                            <a href="#" class="color-blue text-small team-manage-a">管理小组</a>
                            <a href="#user-invite" class="color-blue text-small team-invite-a" data-bs-toggle="modal"><i
                                    class="fa fa-user-plus"></i> 邀请用户</a>
                            <a href="#user-quit" class="color-red text-small team-quit-a"
                                data-bs-toggle="modal">退出小组</a>
                            <h4 class="color-gray mb-4"><i class="fa fa-users"></i>小组成员</h4>
                            <ul class="team-page-member-list color-gray">
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>
                                <li class="team-page-memeber-items">
                                    <div class="team-page-memeber-items-area"><i class="fa fa-user"></i><span>喜羊羊</span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 小组列表部分 -->
            <div class="content-area-list content-area">
                <div class="group-list-area">
                    <h2 class="color-gray my-2"><i class="fa fa-list"></i> 小组列表</h2>
                    <div class="group-list-area-top">
                        <div class="group-list-search-area">
                            <select class="form-select bg-primary text-light">
                                <option value="1" class="bg-light text-dark">小组ID</option>
                                <option value="2" class="bg-light text-dark">小组名称</option>
                            </select>
                            <form class="group-search-frame" action="" method="POST">
                                <input type="text" class="group-search-frame-input">
                                <button class="group-search-icon">
                                    <i class="fa fa-search text-dark"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="group-list-area-content p-3">
                        <ul class="group-list">

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 我的消息部分 -->
            <div class="content-area-message content-area">
                <div class="content-area-message-area color-gray">
                    <h2><i class="fa fa-envelope"></i> 我的消息</h2>
                    <div class="message-list-area my-4">
                        <ul class="message-list">
                            <li class="message-list-items">
                                <div class="message-icon">
                                    <i class="fa fa-info-circle text-light "></i>
                                </div>
                                <div class="message-main">
                                    <p>你有新的邀请！</p>
                                    <p>用户 <span>杰哥</span>邀请你加入<span>蛮大的家</span></p>
                                </div>
                                <div class="message-operation text-larger">
                                    <a href="" class="message-operation-a"><i class="fa fa-check color-green"></i></a>
                                    <a href="" class="message-operation-a"><i class="fa fa-times color-red"></i></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主体区域 -end- -->
    </div>
    <!-- 编辑个人信息模态框制作 -start- -->
    <div class="modal fade" data-bs-backdrop="static" id="editorUserInfo">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST" id="editorInfo">
                    <div class="modal-header bg-primary text-light">
                        <h5>编辑你的个人信息</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="creatinfomation card mt-3">
                            <div class="card-body row  p-3 flex-column">
                                <div class="col-9 d-flex justify-content-start align-items-center ms-2">
                                    <label for="creatNickname" class="form-label">昵称：</label>
                                    <input type="text" class="form-control w-75 mb-3" name="nickname"
                                        id="creatNickname">
                                </div>
                                <div class="col-lg-4 col-12 d-flex justify-content-start align-items-center ms-2">
                                    <span>性别：</span>
                                    <label for="creatSexBoy" class="ms-2">男</label>
                                    <input type="radio" name="gender" id="creatSexBoy" class="ms-2" value="男">
                                    <label for="creatSexGirl" class="ms-2">女</label>
                                    <input type="radio" name="gender" id="creatSexGirl" class="ms-2" value="女">
                                </div>
                                <div class="col-lg-10 col-12 d-flex justify-content-start align-items-center ms-2 mt-3">
                                    <span>请填写你的身份：</span>
                                    <select name="identity" id="" class="form-select d-inline w-50 ">
                                        <option value="学生" class="identity-items">学生</option>
                                        <option value="上班族" class="identity-items">上班族</option>
                                        <option value="自由人" class="identity-items">自由人</option>
                                    </select>
                                </div>
                                <div class="col-12 d-flex ms-2 my-3 align-items-center">
                                    <label for="editor-age">年龄：</label>
                                    <input type="number" id="editor-age" name="age" class="form-control w-25" max="100"
                                        min="0">
                                </div>
                                <div class="col-12 d-flex ms-2 align-items-center my-2">
                                    <span>请选择你的标签：</span>
                                    <select name="tag" id="" class="form-select w-50">
                                        <option value="后端工程师" class="tag-items">后端工程师</option>
                                        <option value="前端工程师" class="tag-items">前端工程师</option>
                                        <option value="全栈工程师" class="tag-items">全栈工程师</option>
                                        <option value="算法工程师" class="tag-items">算法工程师</option>
                                        <option value="运维工程师" class="tag-items">运维工程师</option>
                                        <option value="学说唱" class="tag-items">学说唱</option>
                                    </select>
                                </div>
                                <div class="creatIntroduce mt-3">
                                    <textarea name="profile" class="form-control" rows="5" placeholder="在此填写你的个人简介"
                                        id="editor-user-profile">
                                    </textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit" id="btn1">确认更改</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 编辑个人信息模态框制作 -end- -->
    <!-- 加入小组模态框制作 -start- -->
    <div class="modal fade" id="user-join">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST">
                    <div class="modal-header bg-primary text-light">
                        <h5>输入小组ID以加入小组</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body p-3">
                        <div class="form-floating  color-gray">
                            <input type="text" id="user-join-search" class="form-control" placeholder="teamID" name="">
                            <label for="user-join-search">在此输入小组ID</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit" id="btn3">发送申请</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 加入小组模态框制作 -end- -->
    <!-- 小组创建模态框制作 -start- -->
    <div class="modal fade" id="creat-team" data-bs-backdrop="static">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <form action="" method="POST" id="editor-createGroup">
                    <div class="modal-header bg-primary text-light">
                        <h5>创建自己的小组</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body color-gray">
                        <h4 class="my-3">你的小组名称：</h4>
                        <div class="form-floating">
                            <input type="text" class="form-control" name="name" id="creat-team-name"
                                placeholder="creatTeamName">
                            <label for="creat-team-name">输入小组名称</label>
                            <p class="form-text">小组昵称要求说明</p>
                        </div>
                        <div class="my-2">
                            <label for="creat-team-synopsis">小组简介：</label>
                            <textarea id="creat-team-synopsis" name="profile" class="form-control" rows="5"
                                placeholder="在此编辑小组简介"></textarea>
                        </div>
                        <div class="creat-team-tages">
                            <h4 class="mt-3">选择小组标签：</h4>
                            <div class="tags-select">
                                <div class="tags-select-all">
                                    <div class="tags-select-items">互联网/IT</div>
                                    <div class="tags-select-items">C/C++</div>
                                    <div class="tags-select-items">JAVA</div>
                                    <div class="tags-select-items">Python</div>
                                    <div class="tags-select-items">GO</div>
                                    <div class="tags-select-items">前端</div>
                                    <div class="tags-select-items">码农</div>
                                    <div class="tags-select-items">工作</div>
                                    <div class="tags-select-items">考研</div>
                                    <div class="tags-select-items">其他</div>
                                </div>
                                <h4>已选择的标签：</h4>
                                <div class="tags-selected" id="tags-selected">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit" id="btn2">确认创建</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 小组创建模态框制作 -end- -->
    <!-- 编辑小组信息模态框制作 -start-  -->
    <div class="modal fade" id="editor-team" data-bs-backdrop="static">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <form action="" method="POST" id="editorGroup">
                    <div class="modal-header bg-primary">
                        <h5 class="text-light">编辑小组信息</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body color-gray">
                        <div class="form-floating">
                            <input type="text" class="form-control" name="name" id="editor-team-name"
                                placeholder="editorTeamName">
                            <label for="editor-team-name">更改小组名称</label>
                            <p class="form-text">小组昵称要求说明</p>
                        </div>
                        <div class="my-2">
                            <label for="editor-team-synopsis">编辑小组简介：</label>
                            <textarea name="profile" id="editorTeamprofile" class="form-control" rows="5" placeholder="在此编辑小组简介">
                            </textarea>
                        </div>
                        <div class="my-2">
                            <label for="editor-team-announcement">编辑小组公告：</label>
                            <textarea name="announcement" id="editor-team-announcement" class="form-control" rows="5"
                                placeholder="在此编辑小组公告">
                            </textarea>
                        </div>
                        <h6>编辑小组任务</h6>
                        <div class="my-2 form-floating">
                            <input type="text" class="form-control" id="editor-task1" name="task1" placeholder="任务1"
                                >
                            <label for="editor-task1">任务1</label>


                        </div>
                        <div class="my-2 form-floating">
                            <input type="text" class="form-control" id="editor-task2" name="task2" placeholder="任务2"
                                >
                            <label for="editor-task2">任务2</label>
                        </div>
                        <div class="my-2 form-floating">
                            <input type="text" class="form-control" id="editor-task3" name="task3" placeholder="任务3"
                                >
                            <label for="editor-task3">任务3</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">取消更改</button>
                        <button class="btn btn-primary" type="submit" id="btn5">确认更改</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 编辑小组信息模态框制作 -end- -->
    <!-- 邀请用户模态框制作 -start-  -->
    <div class="modal fade" id="user-invite">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST">
                    <div class="modal-header bg-primary text-light">
                        <h5>输入用户ID以邀请用户</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body p-3">
                        <div class="form-floating  color-gray">
                            <input type="text" id="user-invite-search" class="form-control" placeholder="userID"
                                name="">
                            <label for="user-invite-search">在此输入用户ID</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="button" id="btn_invite">发送邀请</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 邀请用户模态框制作 -end- -->
    <!-- 退出小组模态框 -start- -->
    <div class="modal fade" id="user-quit">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST">
                    <div class="modal-header bg-danger text-light ">
                        <h5>提示</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>你确定要退出该小组吗？</p>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button class="btn btn-primary" type="submit" id="btn-exit">确定退出</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 退出小组模态框 -end- -->

    <!-- 移除用户模态框 -->
    <div class="modal fade" id="user-remove">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST">
                    <div class="modal-header bg-danger text-light ">
                        <h5>提示</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>你确定要将该用户移除该组吗？</p>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button class="btn btn-primary" type="submit">确定移除</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 加入小组模态框 -->
    <div class="modal fade" id="join-group">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="POST">
                    <div class="modal-header bg-primary text-light ">
                        <h5>提示</h5>
                        <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>你确定要加入该小组吗？</p>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        <button class="btn btn-primary" type="submit">发送申请</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/areaSwitch.js"></script>
    <script src="../js/userFunction.js"></script>
    <script src="../jquery/personality.js"></script>
    <script src="../jquery/pageLoad.js"></script>
    <script src="../jquery/createGroup.js"></script>
    <script src="../jquery/Group.js"></script>
    <script src="../jquery/Invite.js"></script>
    <script src="../jquery/joinGroup.js"></script>
    <script src="../jquery/exit.js"></script>

</body>

</html>